<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>读了么！-我的店铺</title>
    <link href="style/setUs.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/First_Page.js"></script>
    <link rel="stylesheet" href="style/shopIndex.css" type="text/css">
    <style>
        #createTime,#userName,#shopName{
            margin-left: 50px;
        }
    </style>
</head>
<body>
<header>
    <div class="head_d">
        <div class="leftH">
            <span id="dateTime"></span>
            <a>${sessionScope.shop.shopName}</a>
        </div>
        <div class="rightH">
            <li>${sessionScope.user.userName}</li>
            <button style="width: 80px;height: 20px;color: black" class="toLogin" onclick="login2exit()">退出登录</button>
        </div>
    </div>
</header>
<div class="gl">
    <span>读了么</span>卖家工作平台
</div>
<div class="manage">
    <div class="leftM">
        <div class="categoryFirst">
            <img src="image/c1.png">
            <span class="title">店铺管理</span>
            <ul class="list">
                <li><a href="#">我的店铺</a></li>
                <li><a href="First_Page.jsp">去首页看看</a></li>
            </ul>
        </div>
        <hr/>
        <div class="category">
            <div>
                <img src="image/c2.png">
                <span class="title">交易管理</span></div>
            <ul class="list">
                <li><a href="shopSellBook.jsp">已卖出的商品</a></li>
                <li>评价管理</li>
            </ul>
        </div>
        <div class="category">
            <div class="list">
                <img src="image/c3.png">
                <span class="title">物流管理</span></div>
            <ul class="list">
                <li ><a href="shopSendGoods.jsp">发货</a></li>
                <li>物流工具</li>
            </ul>
        </div>
        <div class="category">
            <img src="image/c4.png">
            <span class="title">商品管理</span>
            <ul class="list">
                <li><a href="shopUpperShelf.html">发布书籍</a></li>
                <li><a href="shopSellBook.jsp">出售中的书籍</a></li>
            </ul>
        </div>
        <div class="categoryLast">
            <img src="image/c5.png">
            <span class="title">客户服务</span>
            <ul class="list">
                <li>退款管理</li>
                <li>违规记录</li>
            </ul>
        </div>
    </div>
    <div class="rightM">
        <div class="firstT"><span>我的店铺</span></div>
        <div class="topM">
            <img src="${sessionScope.shop.shopAvatar}">
            <div class="dpXX">
                <span id="shopName">店铺名:${sessionScope.shop.shopName}</span>
                <span id="userName">店铺拥有者账号:${sessionScope.shop.ownerId}</span>
                <span id="createTime">店铺创建时间:${sessionScope.shop.createTime}</span>
            </div>
        </div>
        <div class="bottomM">
            <div class="xl" style="height: 300px;width: 300px" id="xl"></div>
        </div>
    </div>
</div>
<script type="text/javascript" color="100,149,237" opacity='0.7' zIndex="-2" count="99" src="js/canvas-nest.js"></script>
</body>
<script src="./js/echarts.min.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
    var myCharts = echarts.init(document.getElementById('xl'));
    data = [["2000-06-05",116],["2000-06-06",129],["2000-06-07",135],["2000-06-08",86],["2000-06-09",73],["2000-06-10",85],["2000-06-11",73],["2000-06-12",68],["2000-06-13",92],["2000-06-14",130],["2000-06-15",245],["2000-06-16",139],["2000-06-17",115],["2000-06-18",111],["2000-06-19",309],["2000-06-20",206],["2000-06-21",137],["2000-06-22",128],["2000-06-23",85],["2000-06-24",94],["2000-06-25",71],["2000-06-26",106],["2000-06-27",84],["2000-06-28",93],["2000-06-29",85],["2000-06-30",73],["2000-07-01",83],["2000-07-02",125],["2000-07-03",107],["2000-07-04",82],["2000-07-05",44],["2000-07-06",72],["2000-07-07",106],["2000-07-08",107],["2000-07-09",66],["2000-07-10",91],["2000-07-11",92],["2000-07-12",113],["2000-07-13",107],["2000-07-14",131],["2000-07-15",111],["2000-07-16",64],["2000-07-17",69],["2000-07-18",88],["2000-07-19",77],["2000-07-20",83],["2000-07-21",111],["2000-07-22",57],["2000-07-23",55],["2000-07-24",60]];

    var dateList = data.map(function (item) {
        return item[0];
    });
    var valueList = data.map(function (item) {
        return item[1];
    });
    var option={
        title:{
            text:'总销量',
            left: 'center'
        },
        tooltip: {
            trigger: 'axis'
        },
        xAxis: {
            data: dateList
        },
        yAxis: {},
        series: [{
            name: '销量',
            type: 'line',
            data: valueList,
            showSymbol: false
        }]
    };
    myCharts.setOption(option);

    //传输数据
    function f() {

    }
</script>
</html>
